<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!--meta元信息，charset字符集，utf8中文乱码-->
		<title>胡歌-贵阳分歌操作的小票</title>
		<style>
			body {
				/*对整个body页面进行样式修饰*/
				width: 330px;
				font-size: 10px;
				/*字体设置*/
			}

			hr {
				/*solid实线 dashed虚线*/
				border: 1px dashed;
			}

			/*class修饰的div必须用.修饰,id修饰的用#号*/
			.please {
				font-size: 24px;
				font-weight: bold;
				/*字体加粗*/
			}

			.self {
				/*光是用padding会修饰四周---上，右，下，左*/
				/*padding: 10px 10px 10px 10px;*/
				padding-left: 100px;
				/*让左边空点距离--看起来居中*/
			}

			.note {
				/*padding-top: 20px;上空*/
				/*padding-bottom:15px ;下空*/
				margin-top: 20px;
				margin-bottom: 10px;
			}

			.img {
				margin-top: 5px;
				margin-bottom: 25px;
				margin-left: 100px;
			}
		</style>
	</head>
	<body>
		<div>顾客联**</div>

		<div class="please">迪迦奥特曼请您取餐了</div>

		<div class="self">自取顾客联</div>

		<div>永和大王（北三环西路店）</div>
		<div>010-637487</div>

		<div class="self">--结账单--</div>

		<div class="please">账单号:P000010</div>

		<div>账单类型</div>
		<div>人数:1</div>
		<div>收银员:张静</div>
		<div>开单时间:2020-05-20-15:13:56</div>
		<div>结账时间:2020-05-20-15:14:56</div>

		<hr />

		<!--table表格没有列概念,tr行，td单元格,这是注释
		align是 横向排列，left居左，center居中，right居右
		valign纵向排列，top居上，bottom居下,在head里面设置属性值，style,
		网页中的空格&nbsp，七个&nbsp相当于两个汉字距离,div换行，span不换行-->
		<table border="0">
			<tr>
				<td width="50" align="center">数量</td>
				<td width="200" align="left">品项</td>
				<td width="50" align="center">金额</td>
			</tr>
			<tr>
				<!--网页中没有换行，解析一个空格，用br标签标示换行-->
				<td valign="top">1</td>
				<td>
					1x --玉米肉松蛋饼<br />
					1x --现磨豆浆(热/甜)
				</td>
				</td>
				<td valign="top" align="center">8.00元</td>
			</tr>
		</table>

		<hr />

		<table border="0">
			<tr>
				<td width="256">合计</td>
				<td width="49" align="center">8.00元</td>
			</tr>
			<tr>
				<td>微支付</td>
				<td width="50" align="center">8.00元</td>
			</tr>
		</table>

		<hr />
		<div>打印时间:2020-05-20-15:14:56</div>

		<hr />

		<div class="note">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;推荐使用支付宝！！！根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。
		</div>

		<img class="img" src="images/erweima.png" width="150" height="150" />

		<div>官网:全国胡歌贵州贵阳分歌--www.zhangpeng.com</div>
		<div>加盟热线:147852963</div>
		<br />
	</body>
</html>
